<template>
  <view class="normal-login-container">

    <view class="item-wrap" style="margin-bottom: 0">
      <view class="lineBottom10">
        <uni-section title="退保信息（商业险信息）" type="line"/>
      </view>

      <view style="margin: 8rpx 20rpx 8rpx 20rpx">
        <uni-forms labelWidth="auto">
          <uni-forms-item label="退保申请日期:">
            <text>{{ ruleForm.refundBeginTime || '-' }}</text>
          </uni-forms-item>

          <uni-forms-item label="商业险保单号:">
            <text>{{ ruleForm.syxPolicyCode || '-' }}</text>
          </uni-forms-item>

          <uni-forms-item label="保险公司:">
            <text>{{ ruleForm.syxCompany || '-' }}</text>
          </uni-forms-item>

          <uni-forms-item label="保险到期日:">
            <text>{{ ruleForm.syxActualEndTime || '-' }}</text>
          </uni-forms-item>

          <uni-forms-item label="总费用:">
            <text>{{ ruleForm.totalAmount || '-' }}</text>
          </uni-forms-item>

          <uni-forms-item label="退保保费:">
            <text>{{ ruleForm.refundInsuranceAmount || '-' }}</text>
          </uni-forms-item>

          <uni-forms-item label="附件:">
            <image-common :disabled="true" v-model="ruleForm.attachmentUrl"/>
          </uni-forms-item>

          <uni-forms-item label="退保批单:">
            <image-common :disabled="true" v-model="ruleForm.batchOrderOss"/>
          </uni-forms-item>

        </uni-forms>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: 'cancellationInfo',//退保信息（商业险信息）
  props: {
    value: {
      type: Object,
      default: {}
    },
  },
  computed: {
    ruleForm: {
      get() {
        let that = this
        const proxy = new Proxy(that.value, {
          get(target, key) {
            return Reflect.get(target, key)
          },
          set(target, key, value) {
            that.$emit('input', {...target, [key]: value})
            return true
          }
        })
        return proxy
      }
    },
  },
  watch: {},
  data() {
    return {};
  },
  created() {
  },
  mounted() {
  },
  methods: {},
};
</script>

<style scoped lang=""></style>


